
    <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>什么是分布式事务 - 学习卡片</title>
      <style>
        body { font-family: sans-serif; background-color: #f0f8ff; color: #333; display: flex; flex-direction: column; align-items: center; padding: 50px 20px; }
        .header h1 { font-size: 32px; }
        .grid-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; width: 100%; max-width: 1200px; }
        .card-container { perspective: 1200px; cursor: pointer; height: 250px; }
        .card { width: 100%; height: 100%; position: relative; transform-style: preserve-3d; transition: transform 0.7s; border-radius: 16px; box-shadow: 0 4px 16px rgba(0,0,0,0.08); }
        .card-container.flipped .card { transform: rotateY(180deg); }
        .card-face { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; display: flex; flex-direction: column; box-sizing: border-box; border-radius: 16px; background-color: #fff; padding: 24px; }
        .card-back { background-color: #f0fff4; transform: rotateY(180deg); justify-content: space-between; }
        .card-category { font-size: 14px; color: #0052d9; margin-bottom: 8px; font-weight: 500; }
        .card-question { font-size: 20px; font-weight: 500; flex-grow: 1; display: flex; align-items: center; justify-content: center; text-align: center; }
        .card-answer-wrapper { flex-grow: 1; overflow-y: auto; }
        .card-answer { font-size: 15px; line-height: 1.7; }
        .card-footer { font-size: 13px; color: #8a919f; border-top: 1px solid #f0f0f0; padding-top: 16px; margin-top: 16px; }
        .card-source { font-size: 13px; color: #8a919f; border-top: 1px solid #f0f0f0; padding-top: 12px; margin-top: 12px; }
      </style>
    </head>
    <body>
      <div class="header">
        <h1>什么是分布式事务 - 学习卡片</h1>
      </div>
      <div class="grid-container">
        
    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">理论</div>
          <div class="card-question">什么是分布式事务？它要解决的核心问题是什么？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">理论</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">分布式事务是指事务操作需要跨越多个不同的资源或服务，这些资源可能位于不同的数据库、消息队列或其他存储设备上。其核心是确保这些分散在不同节点上的操作可以作为一个单一的逻辑单元进行处理，满足ACID（原子性、一致性、隔离性、持久性）特性，从而保证数据的一致性。</div>
          </div>
          <div class="card-source">来源: 什么是分布式事务？</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">理论</div>
          <div class="card-question">请解释事务的ACID四大特性。</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">理论</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">ACID特性包括：1. 原子性（Atomicity）：事务被视为不可分割的工作单元，要么全部成功执行，要么全部失败回滚。2. 一致性（Consistency）：事务执行后，系统从一个一致性状态转变为另一个一致性状态。3. 隔离性（Isolation）：并发事务的操作互不干扰，如同独立执行。4. 持久性（Durability）：一旦事务提交，其修改将永久保存在数据库中，不会因系统故障丢失。</div>
          </div>
          <div class="card-source">来源: 分布式事务的基本概念 - 事务的ACID特性</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">机制</div>
          <div class="card-question">两阶段提交协议（2PC）的工作流程是怎样的？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">机制</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">2PC协议分为两个阶段：1. 准备阶段（Prepare Phase）：协调者向所有参与者发送准备请求，参与者执行准备操作（如锁定资源）并返回准备完成或失败消息。2. 提交阶段（Commit Phase）：如果所有参与者都准备完成，协调者发送提交请求；否则发送回滚请求。参与者根据请求执行提交或回滚操作。</div>
          </div>
          <div class="card-source">来源: 两阶段提交协议(强一致性)</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">特性</div>
          <div class="card-question">两阶段提交协议（2PC）存在哪些主要缺点？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">特性</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">2PC的主要缺点包括：1. 同步阻塞：在准备阶段，所有参与者需等待协调者指令，可能造成阻塞。2. 单点故障：协调者是单点，若其宕机，整个协议无法进行。3. 数据不一致：若协调者故障，可能导致部分参与者提交而另一部分未提交，从而造成数据不一致。</div>
          </div>
          <div class="card-source">来源: 两阶段提交协议(强一致性) - 4. 优点与缺点</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">机制</div>
          <div class="card-question">三阶段提交协议（3PC）相对于两阶段提交（2PC）做了哪些改进？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">机制</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">三阶段提交协议（3PC）将2PC的提交阶段拆分为“提交请求阶段”和“提交确认阶段”，形成三个阶段。这种设计的主要目的是为了减少在准备阶段的长时间阻塞，提高系统的响应性，并在某些场景下能够避免因协调者单点故障导致的数据不一致问题。</div>
          </div>
          <div class="card-source">来源: 三阶段提交协议(强一致性)</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">模式</div>
          <div class="card-question">TCC（Try-Confirm/Cancel）事务模型是如何工作的？请描述其三个阶段。</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">模式</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">TCC模型将事务分解为三个阶段来工作：1. 尝试（Try）阶段：尝试执行各分支操作，进行资源预留和校验，但不立即提交。2. 确认（Confirm）阶段：如果所有参与者的Try阶段都成功，则确认并提交所有事务。3. 取消（Cancel）阶段：如果任何参与者的Try阶段失败，则对已执行的操作进行回滚或补偿。</div>
          </div>
          <div class="card-source">来源: 基于TCC的事务模型(最终一致性) - 1. 原理</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">模式</div>
          <div class="card-question">基于补偿的事务模型是如何实现最终一致性的？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">模式</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">该模型通过引入补偿操作来处理事务失败。当分布式事务中的某个参与者在提交阶段失败时，系统不会简单地回滚，而是会执行预先定义好的补偿操作，对已经成功执行的操作进行“撤销”或“补偿”，从而使整个系统最终回到一致的状态。</div>
          </div>
          <div class="card-source">来源: 基于补偿的事务模型(最终一致性) - 1. 原理</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">模式</div>
          <div class="card-question">基于消息的事务模型有哪些优点和缺点？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">模式</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">优点：1. 异步处理：提高系统并发性和吞吐量。2. 松耦合：通过消息队列解耦，提高系统扩展性和灵活性。3. 可靠性：利用消息队列特性确保消息可靠传递。缺点：1. 实时性差：异步处理无法满足高实时性场景。2. 复杂性：增加了系统复杂度和维护成本。3. 数据一致性风险：可能出现消息丢失或重复消费问题，需谨慎设计。</div>
          </div>
          <div class="card-source">来源: 基于消息的事务模型(最终一致性) - 4. 优点与缺点</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">技术</div>
          <div class="card-question">在设计分布式事务时，有哪些优化和性能方面的考虑？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">技术</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">主要的优化和性能考虑包括：1. 合理选择事务模型（如TCC、消息事务等）。2. 优化事务粒度，避免过大范围。3. 采用异步处理提高并发性。4. 利用缓存减少数据库访问。5. 避免长事务以减少资源占用和锁竞争。6. 做好异常处理和监控调优。</div>
          </div>
          <div class="card-source">来源: 分布式事务的优化和性能考虑</div>
        </div>
      </div>
    </div>

      </div>
    </body>
    </html>
